<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>    
    <head>        
        <title>About Rentpad</title>
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <meta name="description" content="What rentpad is trying to solve." />
        <link rel="stylesheet" href="${model.props.appPath}/css/jquery_mobile/jquery.mobile-1.2.1.min.css" type="text/css"/>
        <script src="${model.props.appPath}/js/jquery/jquery-1.8.3.min.js"></script>
        <script src="${model.props.appPath}/js/jquery_mobile/jquery.mobile-1.2.1.min.js"></script>

        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            @font-face
            {
                font-family: avant;
                src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            body  * {
                font-family: avant !important;
            }
        </style>

        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>

    </head>

    <body style="">

        <div data-role="page" data-theme="d">

            <%@include file="header_mobile.jsp" %>
            
            <div data-role="header" data-theme="a">
                <p style="color: #ffffff; font-size: 20px; text-align: center;">Edit Account</p>   
            </div>

            <div data-role="content" style="background-color: #ffffff; font-family: helvetica;">
                <br>
                <form>
                    <table cellpadding="2" cellspacing="2" style="font-family: helvetica;">                        
                        <tr>
                            <td style="font-size: 15px">Email:</td>
                            <td>
                                <input type="text" name="email" value="${model.user.email}" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 15px">Password:</td>
                            <td>
                                <input type="password" name="password" value="${model.user.password}"/>
                            </td>
                        </tr> 
                        <tr>
                            <td colspan="2">
                                <hr>
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 15px">First Name:</td>
                            <td><input name="firstName" type="text" value="${model.user.firstName}"/></td>
                        </tr>
                        <tr>
                            <td style="font-size: 15px">Last Name:</td>
                            <td><input type="text" name="lastName" value="${model.user.lastName}" /></td>
                        </tr>
                        <tr>
                            <td style="font-size: 15px">Mobile:</td>
                            <td>
                                <input type="text" name="mobilePrimary" value="${model.user.mobilePrimary}" />
                            </td>
                        </tr>
                        <tr>
                            <td style="font-size: 15px">Landline:</td>
                            <td>
                                <input type="text" name="landlinePrimary" value="${model.user.landlinePrimary}" />
                            </td>
                        </tr>                        
                        <tr>
                            <td colspan="2">
                                <table style="width: 100%">
                                    <tr>
                                        <td>
                                            <br>
                                            <a href="account.htm" data-role="button" data-ajax="false" data-theme="c">Cancel</a>                                
                                            <br>
                                        </td>
                                        <td>
                                            <br>
                                            <input type="submit" value="Submit" data-theme="b"/>
                                            <input type="hidden" name="a" value="4" />
                                            <input type="hidden" name="s" value="1" />
                                            <input type="hidden" name="id" value="${model.user.id}" />
                                            <br>
                                        </td>
                                    </tr>
                                </table>                                
                            </td>
                        </tr>
                    </table>
                </form>  
            </div>

            <div data-role="footer">
                <%@include file="footer_mobile.jsp" %>      
            </div>

        </div>
    </body>
</html>
